<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="index.js"></script>
</head>
<body>
    <div id="app">
        <input z-model="str" type="text">
        <button @click="changeStr">修改str</button>
        <div z-text="str"></div>
        <div z-html="str"></div>

        <div>
            <input z-model="str" type="text">
            <button @click="changeStr">修改str</button>
            <div z-text="str"></div>
            <div z-html="str"></div>
        </div>

        <input type="text" z-model="num">
        <div z-text="num"></div>

    </div>
</body>
<script>
    const zm = new Zhang({
        el:"#app",
        data:{
            str:"你现在还好吗？",
            num:1
        },
        methods:{
            changeStr(){
                this.str = this.str+"!"
            }
        }
    })
</script>
</html>